import { request } from '../../request/index.js'
Page({
  data: {
    tabs: [
      {
        id: 0,
        value: '全部',
        isActive: true
      },
      {
        id: 1,
        value: '代付款',
        isActive: false
      },
      {
        id: 2,
        value: '代发货',
        isActive: false
      },
      {
        id: 3,
        value: '退货/退款',
        isActive: false
      }
    ],
    // 存放订单信息
    orders:[]
  },
  onLoad: function (options) {

  },
  onShow() {
    // 判断是否有 token 值
    const token = wx.getStorageSync('token')
    if (!token) {
      wx.navigateTo({
        url: '/pages/auth/index',
      });
      return;
    }
    // 获取当前小程序的页面栈-数组,长度最大为10个页面
    let pages = getCurrentPages();
    // 数组中 索引最大的就是当前的页面
    // console.log(pages);
    let currentPage = pages[pages.length - 1];
    const { type } = currentPage.options;
    console.log(type);
    this.changeTitleByIndex(type-1)
    this.getOrders(type)
  },

  // 获取订单列表的方法
  async getOrders(type) {
    let header = {}
    header["Authorization"] = wx.getStorageSync("token")
    const { data: { message } } = await request({ url: '/my/orders/all', header, data: { type } })
    this.setData({
      orders: message.orders.map(v=>({...v,create_time_cn:(new Date(v.create_time*1000).toLocaleString())}))
    })
  },

  // 根据标题索引来激活选中   标题数组
  changeTitleByIndex(index) {
    // 获取原数组
    let { tabs } = this.data
    tabs.forEach((item, i) => i === index ? item.isActive = true : item.isActive = false)
    // 将改变后的 tabs 数组 放回 data 中
    this.setData({
      tabs
    })
    console.log(tabs);
  },

  // 标题点击事件，获取点击的索引
  handleTabsItemChange(e) {
    // 获取被点击的标题的索引
    const { index } = e.detail
    this.changeTitleByIndex(index)
    // 重新发送请求
    this.getOrders(index+1)
  },
})